function go1(){
    let c = document.getElementById('lesson1')
    let ctx = c.getContext('2d') 
    ctx.fillRect(10,25,30,20)
    ctx.strokeRect(50,25,30,20)

    ctx.beginPath()  
    ctx.rect(90,25,30,20)
    ctx.stroke()
    ctx.closePath() 

    ctx.beginPath() 
    ctx.rect(100,35,30,20)   //矩形
    ctx.fill()
    ctx.closePath() 
    
    ctx.beginPath() 
    ctx.arc(180,35,30, Math.PI/4, Math.PI*2 )  //圆弧, 从 一个弧度画到另外一个弧度, 顺时针
    ctx.fill()
    ctx.moveTo(1,1)  
    ctx.arc(260,35,30, Math.PI, Math.PI*2 )  
    ctx.stroke() 

    ctx.moveTo(300,10) 
    ctx.lineTo(350,40  )    //线段
    ctx.lineTo(320,80  )    //线段
    ctx.stroke()
    ctx.closePath() 

    ctx.beginPath()     ///画切线圆弧
    ctx.moveTo(355,10) 
    ctx.lineTo(355,80  )
    ctx.lineTo(450,80  ) 
    ctx.moveTo(355,10) 
    ctx.arcTo(355,80,450,80,35  )   
    ctx.stroke()
    ctx.closePath() 



    let lesson1btn = document.getElementById('lesson1btn')
    lesson1btn.addEventListener('click',function(){
        ctx.clearRect(0,0,c.clientWidth,c.clientHeight)
    })
} 